<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>商城</title>
       <script src="<%=path %>/statics/js/muim.js"></script>
	  
	   
    <link rel="stylesheet" type="text/css" href="<%=path %>/statics/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path %>/statics/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path %>/statics/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path %>/statics/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path %>/statics/css/swiper.min.css"/>
      <script src="<%=path %>/statics/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
   <link rel="stylesheet" href="<%=path %>/statics/css/sysz.css">
   

<script type="text/javascript" src="<%=path %>/statics/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="<%=path %>/statics/js/alertPopShow.js"></script>
   
   <style>
   .talkbox1 li img{max-width:100%; height:auto;}
   .talkbox1 li p{max-width:100%; height:auto;}
   .talkbox1 li table{max-width:100%; height:auto;}
.EIMS_C_50008_bottom {height: 40px;overflow: hidden;position:relative;text-align:center;padding: 0 10px;width: 100%;margin-bottom: 26px;}
.EIMS_C_50008_bottom input {width: 44%;height:40px;line-height:40px; font-size: 1.6rem;color: #fff; border: none; color: white;border-radius:5px;display:inline-block;text-align: center;}
.EIMS_C_50008_bottom input:first-child { background:#016021;float: left;}
.EIMS_C_50008_bottom input:last-child {background: #2a2a2a; float: right;}

.EIMS_C_50008_StockSpan { color: #999; margin-left: 10px;}

.EIMS_C_50008_selectors{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: flex;z-index: 999;}
.EIMS_C_50008_arrowLeft {width: 20%;position:relative;float:left;overflow:hidden;margin:0;padding:0;border:0;clear:both;background: #000;opacity: 0.7;}
.EIMS_C_50008_arrowLeft img { width: 50px; transform: rotate(90deg);display:none;}
.EIMS_C_50008_selectors_right{width:80%;height: 100%; background-color: #fff;float:right;overflow:hidden;margin:0;padding:0;border:0;}
#EIMS_C_50008_selectors_productInfo {height:auto;overflow:hidden;margin-top:20px;padding:0 10px;}
#EIMS_C_50008_selectors_productInfo>span{display:block;height:auto;line-height:30px;}
#EIMS_C_50008_selectors_productInfo>span:first-child {width:100%; font-size: 1.6rem;color:#333;overflow: hidden;}
#EIMS_C_50008_selectors_productInfo>span:last-child{color:#ff4d4d;}
.EIMS_C_50008_BuyPrice{font-weight: bold;}
.EIMS_C_50008_PropertyRow { margin: 10px 0;font-size: 1.2rem;color: #999;}
.EIMS_C_50008_PropertyRow span{display:block;height:30px;line-height:30px;overflow:hidden;font-size:14px;color:#191716;}
.EIMS_C_50008_PropertyRow a{ padding: 5px; margin-left: inherit;  display: inline-block; text-align: center; vertical-align: middle; }
.EIMS_C_50008_SaleProperty { display: none; padding:0 10px;}
.EIMS_C_50008_SaleProperty img { width: 50px; height: 30px; margin:0px; padding:0px; border-style:none; }
.EIMS_C_50008_SelectedPro{ border: 1px solid #009933;background-color:#009933;color:#FFF;}
.EIMS_C_50008_DefaultPro { border: solid 1px #eee;color:#999;}
.EIMS_C_50008_productCount {height:auto;overflow:hidden;margin-top:12px;padding:0 10px;color: #999;font-size: 1.2rem;}
.EIMS_C_50008_productCount label{display:block;height:20px;line-height:20px;overflow:hidden;font-size:1.2rem;color:#999;}
#EIMS_C_50008_MinusCount,.EIMS_C_50008_AddCount,.EIMS_C_50008_productCount input{width:30px;height:28px;line-height:28px;overflow:hidden;font-size:1.2rem;color:#999;text-align:center;border:1px solid #eee;border-right:0;display:inline-block;float:left;font-weight:bold;}
.EIMS_C_50008_productCount input{font-weight:normal;}
.EIMS_C_50008_AddCount{border-right:1px solid #eee;}
.EIMS_C_50008_StockSpan{height:28px;line-height:28px;float:left;font-size:1.2rem;color:#999;}
#EIMS_C_50008_btnOk { border: none; background-color:#009933; width: 92%; line-height: 40px; font-size: 1.6rem; color: white; margin: 30px 10px 0;border-radius:5px;}
/*end_xn_mc_prodv_32_wrap*/


/*xn_mc_prodv_33_wrap*/
.xn_mc_prodv_33_wrap{height:auto;overflow:hidden;}
.EIMS_C_50009_Panel { font-size: 0.85em; }
.EIMS_C_50009_Panel a { text-decoration: none; }
.EIMS_C_50009_productInfo { display: flex; align-items: center; }
.EIMS_C_50009_productName { flex: 1; font-size: 1.6em; }
.EIMS_C_50009_BuyPrice { color: red; font-size: 16px; }
.EIMS_C_50009_linethrough { text-decoration: line-through; }
.EIMS_C_50009_bottom { display: flex; line-height: 50px; text-align: center; }
.EIMS_C_50009_bottom a { flex: 1; color: #fff; }
.EIMS_C_50009_bottom a:first-child { background-color: red; }
.EIMS_C_50009_bottom a:last-child { background-color: green; }

.EIMS_C_50009_productCount { display: flex; align-items: center; padding-left: 10px;line-height: 50px; height: 50px; }
.EIMS_C_50009_AddCount, .EIMS_C_50009_MinusCount { border: solid 1px darkgray; width: 27px; height: 27px; line-height: 27px; text-align: center; }
#EIMS_C_50009_ProNum { text-align: center; padding: 6px 0; border-left: none; border-right: none; border-top: solid 1px darkgray; border-bottom: solid 1px darkgray; width: 40px; }
.EIMS_C_50009_StockSpan { color: #999; margin-left: 10px; }

.EIMS_C_50009_selectors { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; }
.EIMS_C_50009_arrowDown { background-color: #4D4D4D; display: flex; align-items: center; justify-content: center; }
.EIMS_C_50009_arrowDown span { width: 60px; height: 40px; background-image: url('/m/images/controls/down.svg'); background-size: cover; background-position: center; }
.EIMS_C_50009_selectors_bottom { position: absolute; bottom: 0; width: 100%; height: auto; }
#EIMS_C_50009_selectors_productInfo { line-height: 50px; padding-left: 10px; }
#EIMS_C_50009_btnOk { border: none; background-color: red; width: 100%; line-height: 50px; font-size: 1.2em; color: white;}
.EIMS_C_50009_PropertyRow { margin: 10px 0; }
.EIMS_C_50009_PropertyRow a{ padding: 5px; margin-left: inherit;  display: inline-block; width: 50px; text-align: center; vertical-align: middle; }
.EIMS_C_50009_SaleProperty { padding-left: 10px; display: none; }
.EIMS_C_50009_SaleProperty img{ width:50px; height:30px; margin:0px; padding:0px; border-style:none; }
.EIMS_C_50009_SelectedPro{ border: 1px solid red; }
.EIMS_C_50009_DefaultPro { border: solid 1px #ccc; }
/*end_xn_mc_prodv_33_wrap*/


/*xn_mc_prodv_34_wrap*/
.xn_mc_prodv_34_wrap{height:auto;overflow:hidden;}
.EIMS_C_50020_Cart { width: 40px; height: 30px; position: absolute; right: 10px; top: 100px; }
.EIMS_C_50020_Cart img { width: 100%; height: 100%; }
.EIMS_C_50020_selector { position: absolute; width: 100%; height: 100%; background-color: #808080; display: none; }
.EIMS_C_50020_inner { background-color: white; margin: 50px 5% 0; border-radius: 15px; padding: 10px; }
.EIMS_C_50020_selector dl { margin: 0; }
.EIMS_C_50020_selector dt { margin-left: 10px; }
.EIMS_C_50020_selector dd { display: inline-block; border: solid 1px #ddd; margin: 10px; padding: 5px 15px; text-align: center; border-radius: 10px; }
.EIMS_C_50020_SelectedPro { border-color: red !important; }

.EIMS_C_50020_CountDiv { display: flex; align-items: center; padding-left: 10px;line-height: 50px; height: 50px; }
.EIMS_C_50020_AddCount, .EIMS_C_50020_MinusCount { border: solid 1px darkgray; width: 27px; height: 27px; line-height: 27px; text-align: center; }
.EIMS_C_50020_ProNum { text-align: center; padding: 6px 0; border-left: none; border-right: none; border-top: solid 1px darkgray; border-bottom: solid 1px darkgray; width: 40px; }
.EIMS_C_50020_StockSpan { color: #999; margin-left: 10px; }

.EIMS_C_50020_BtnDiv { line-height: 50px; text-align: center; }
.EIMS_C_50020_BtnDiv input { border: none; background-color: #4d90fe; color: #fff; line-height: 30px; width: 80px; }
.EIMS_C_50020_BtnDiv input:first-child { margin-right: 50px; }

.EIMS_C_50020_CheckCount, .EIMS_C_50020_ProInfo { display: none; }
/*end_xn_mc_prodv_34_wrap*/


/*xn_mh_products_1_wrap*/
.xn_mh_products_1_wrap{height:30px;line-height: 30px;background: #000;color: #fff;text-align: center;font-size:1.2em;}
.xn_mh_products_1_wrap a{height:30px;line-height: 30px;background: #000;color: #fff;text-align: center;font-size:1.2em;padding:10px;}
/*end_xn_mh_products_1_wrap*/


/*xn_mc_products_17_wrap*/
.products_body #n_foot{margin-bottom:0;}
.xn_mc_products_17_wrap{height:auto;overflow:hidden;}
.EIMS_C_50006_header { position: relative; height: 38px; background: #fff;}
#EIMS_C_50006_nav-toggle { position: absolute; top: 0; bottom: 0; left: 10px; width: 25px; height: 20px; margin: auto;display: none; }
.EIMS_C_50006_nav-toggle-bar { background:black; position: absolute;left: 0;width: 100%;height:2px;transition:.4s; border-radius: 2px; transform-origin: 0; }
.EIMS_C_50006_nav-toggle-bar:first-child { top: 0; }
.EIMS_C_50006_nav-toggle-bar:nth-child(2) { top: 9px; }
.EIMS_C_50006_nav-toggle-bar:last-child { top: 18px; }
.EIMS_C_50006_nav-toggle-on .EIMS_C_50006_nav-toggle-bar:first-child { transform: rotate(45deg); }
.EIMS_C_50006_nav-toggle-on .EIMS_C_50006_nav-toggle-bar:nth-child(2) { opacity: 0; }
.EIMS_C_50006_nav-toggle-on .EIMS_C_50006_nav-toggle-bar:last-child { transform: rotate(-45deg); }
.EIMS_C_50006_rank { display: flex; height: 38px;width: 100%; }
.EIMS_C_50006_rank i{display: none;}
.EIMS_C_50006_rank>div {width: 25%;height: 18px;line-height:18px;margin-top: 9px;background:url(http://1.rc.xiniu.com/rc/Mobiles/19040/images/products_jt.png?d=20160421190243634) no-repeat 54px 5px;background-size:7px 10px;display:inline-block;position:relative;font-size: 1.4rem;color: #999;text-indent: 7%;}
.EIMS_C_50006_rank .EIMS_C_50006_orderby{color: #009933;background:url(http://1.rc.xiniu.com/rc/Mobiles/19040/images/products_jt1.png?d=20160421190243634) no-repeat 54px 5px;background-size:7px 10px;}
.EIMS_C_50006_rank>div:before{content:"";width:1px;height:18px;background-color:#eee;position:absolute;right:0px;top:0;z-index: 3;}
.EIMS_C_50006_orderby:after { content: ""; display: block; width: 50px; height: 2px; background: #f15353; margin:10px 0 0 15px;display: none;}
.EIMS_C_50006_rank>div:last-child:before{width:0;}
.EIMS_C_50006_desc i, .EIMS_C_50006_asc i { background-image: url(/m/images/Controls/down.svg); display: none; width: 12px; height: 12px; }
.EIMS_C_50006_asc i { transform: scaleY(-1); }
.EIMS_C_50006_filter { overflow-x: auto; display: -webkit-box; display: -moz-box; display: none !important;}
.EIMS_C_50006_filter-attr { display: block; margin: 10px; padding: 3px 10px; border-radius: 10px; background-color: #EDEDED; color: #333; }
.EIMS_C_50006_on { color: rgb(255,153,0); }
.EIMS_C_50006_selected { color: red; }
.EIMS_C_50006_subfilter { display: none; padding: 5px 10px; background-color: #fbfbfb;display: none !important; }
.EIMS_C_50006_filter-attr-value { display: none; padding: 5px 10px; background-color: #e9e9e9; border-radius: 5px; margin: 5px; color: #666; }
.EIMS_C_50006_products{height:auto;overflow:hidden;background: #f6f6f6;padding: 15px 5px 55px;}
.EIMS_C_50006_products li{width:50%;float: left;overflow:hidden;padding: 0 5px;margin-bottom: 20px;}
.EIMS_C_50006_product_img{overflow:hidden;border:1px solid #eee;width: 100%;background: #fff;}
.EIMS_C_50006_product_img img{border:0;display:block;height: 98px;}
.EIMS_C_50006_products li:hover .EIMS_C_50006_product_img{border:1px solid #009933;}
.EIMS_C_50006_product_info{height:auto;overflow:hidden;}
.EIMS_C_50006_product_info a{height:24px;line-height:24px;overflow:hidden;text-align: center;font-size:1.2rem;color:#333;display:block;}
.EIMS_C_50006_product_info a b{font-weight:normal;}
.EIMS_C_50007_PriceDiv{height:14px;line-height:14px;overflow:hidden;text-align: center;font-size:1.2rem;color:#999;}
.EIMS_C_50006_red{color: #ff4c4c;font-weight: bold;}
.EIMS_C_50006_linethrough{text-decoration: line-through;padding-right: 30px;background: url(http://1.rc.xiniu.com/rc/Mobiles/19040/images/EIMS_C_50006_linethrough.png?d=20160421190243634) right 1px no-repeat; background-size:29px 15px;height: 15px;line-height: 15px;display: inline-block;}
.EIMS_C_50006_product_cart img { width: 32px; height: 30px;display:none;}
.EIMS_C_50006_slidbar { display: none !important; position: absolute; top: 88px; width: 100%; background: #eee; border-bottom: solid 1px #ddd; }
.EIMS_C_50006_slidbar-inner { list-style-type: none; margin: 0; padding: 0; }
.EIMS_C_50006_slidbar-inner li { line-height: 40px; padding-left: 10px; }
.EIMS_C_50006_slidbar-inner li.current{color:#F00;}
.EIMS_C_50006_pro-type[data-level="1"] { font-weight: bold; background-color: #ddd; }
.EIMS_C_50006_pro-type[data-level="2"] { padding-left: 30px; }
.EIMS_C_50006_pro-type[data-level="3"] { padding-left: 50px; }
.EIMS_C_50006_pro-type[data-level="4"] { padding-left: 70px; }
/*end_xn_mc_products_17_wrap*/


/*xn_mc_search_1_wrap*/
.search_body,.search_body .content{background: #f6f6f6;}
.EIMS_C_10003_1_MoreNewsBtn {width: 94%;display: block;height: 40px;line-height: 40px;border: none;background: #093;color: #fff;font-size: 1.6rem;margin: 0 10px;border-radius: 5px;outline: none;margin-bottom: 50px;}
.sea_reasult_img { display: none; }
#EIMS_C_10003_1_Content{margin-top: 20px;margin-bottom: 20px;}
.search_cont { margin:0 10px; color: #333; border-bottom: 1px #d1d1d1 solid;font-size: 1.4rem;padding: 8px 0px; }
.search_cont1 { font-size: 1.4rem;width: 100%;height: 24px;display: block; white-space: nowrap; text-overflow: ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow: ellipsis; /*溢出省略号，支持opera*/ overflow: hidden;/*溢出隐藏*/ -moz-binding: url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/ line-height: 24px; }
.search_cont2 { display: none; }
.search_cnt { padding: 10px 0px 10px 0px; }
#EIMS_C_10003_1_Top,#EIMS_C_10003_1_TypeList{display: none;}
/*end_xn_mc_search_1_wrap*/



/*xn_mh_search_1_wrap*/
.xn_mh_search_1_wrap{height:43px;line-height: 43px;color: #fff;text-align: center;font-size:1.6rem;}
.xn_mh_search_1_wrap a{height:43px;line-height: 43px;color: #fff;text-align: center;font-size:1.6rem;}
/*end_xn_mh_search_1_wrap*/


/*xn_mc_reg_2_wrap*/
#reg_body,#reg_body .content{background-color:#f6f6f6;}
.xn_mc_reg_2_wrap{height:auto;overflow:hidden;margin-top:32px;width: 100%;padding: 0 10px;}
#EIMS_C_50002_Panel ul { padding: 0; list-style-type: none; }
#EIMS_C_50002_Panel li{width:100%;height:auto;overflow:hidden;margin:2% auto;font-size:1.3rem;}
#EIMS_C_50002_Panel li:first-child input{width:100%;height:40px;line-height:40px;overflow:hidden;font-size:1.3rem;color:#999;border:1px solid #d1d1d1;display:block;text-indent: 8px;background: #fff;outline: none;}
#EIMS_C_50002_spanPwd{width:75%;height:40px;float:left;overflow:hidden;}
#EIMS_C_50002_spanPwd input{width:100%;height:40px;line-height:40px;overflow:hidden;font-size:1.3rem;color:#999;border:1px solid #d1d1d1;display:block;text-indent: 8px;background: #fff;outline: none;}
#EIMS_C_50002_Panel li:nth-child(3){height:40px;overflow: hidden;}
#EIMS_C_50002_Panel li:nth-child(3) label{float:right;margin-top:5px;margin-right: 1px;}
#EIMS_C_50002_Panel li:nth-child(3) input#EIMS_C_50002_ckbPwd{display:none;}
#EIMS_C_50002_Panel li:nth-child(5){height:40px;overflow:hidden;}
#EIMS_C_50002_Panel li:nth-child(5) input{float:left;width: 50%}
#EIMS_C_50002_Panel li:nth-child(5) img{float:right;width:130px !important;height: 40px !important;}
#EIMS_C_50002_inCheckCode{height:40px;line-height:40px;overflow:hidden;font-size:1.3rem;color:#999;border:1px solid #d1d1d1;margin-right: 10px;background: #fff;outline: none;text-indent: 8px;}
#EIMS_C_50002_Panel li:nth-child(7){width:100%;height:auto;padding-top:10px;overflow:hidden;}
#EIMS_C_50002_btnRegister{width: 100%;height:40px;line-height: 40px; border: none;border-radius:5px; background-color: #009933; color: #fff; font-size: 1.6rem;display:inline-block;}
.EIMS_C_50002_ErrorTip { font-size: 1.2rem; color: #ff4d4d; }
#EIMS_C_50002_Panel li.EIMS_C_50002_RegProtocol{width:100%;height:18px;line-height:18px;overflow:hidden;text-align:center;color: #009933;font-size: 1.3rem;margin: 130px 0 50px;}
.EIMS_C_50002_RegProtocol span{display:none;}
.EIMS_C_50002_RegProtocol a{height:18px;display:inline-block;font-size:1.3rem;color:#009933;text-decoration: underline;}
    
 
</style>
   
    <script type="text/javascript">
    	$(window).load(function(){
    		$(".loading").addClass("loader-chanage")
    		$(".loading").fadeOut(300)
    	})
    </script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
<body>
	<header class="detail-header fixed-header">
		<a href="javascript:history.go(-1)"><img src="<%=path %>/statics/images/detail-left.png"/></a>
		
		<a href="<%=path %>/trolley/sys/shopcar.html" class="right"><img src="<%=path %>/statics/images/shopbar.png"/></a>
	</header>
	
	
	<div class="contaniner fixed-contb">
		<section class="detail">
			<figure class="swiper-container">
				<ul class="swiper-wrapper">
					<li class="swiper-slide">
						<a href="detail.html#">
							<img src="<%=path %>/statics/files/${product.fileName}"/>
						</a>
					</li>
					<li class="swiper-slide">
						<a href="detail.html#">
							<img src="<%=path %>/statics/files/${product.fileNametwo}"/>
						</a>
					</li>
					<li class="swiper-slide">
						<a href="detail.html#">
							<img src="<%=path %>/statics/files/${product.fileNamethree}"/>
						</a>
					</li>
					<li class="swiper-slide">
						<a href="detail.html#">
							<img src="<%=path %>/statics/files/${product.fileNamefour}"/>
						</a>
					</li>
				</ul>
				<div class="swiper-pagination">
				</div>
			</figure>
			<dl class="jiage">
				<dt id="deme">
					<h3>${product.description}</h3>
					<c:if test="${shouis==null }">
					<div id="demo1" class="collect">
						<img src="<%=path %>/statics/images/detail-iocn001.png"/>
						<p>收藏</p>
					</div>
					</c:if>
						<c:if test="${shouis==2 }">
						<a href="<%=path %>/user/login.html">
						<div  class="collect">
					
						<img src="<%=path %>/statics/images/detail-iocn001.png"/>
						<p>收藏</p>
					</div>
						</a>
					
					</c:if>
					<c:if test="${shouis==1 }">
					<div id="demo2" class="collect">
						<img src="<%=path %>/statics/images/detail-iocn01.png"/>
						<p>已收藏</p>
					</div>
					</c:if>
					
				</dt>
				<dd>
				<input name="proid" id="proid" hidden="hidden" value="${product.id}">
				<input name="price" id="price" hidden="hidden" value="${product.price}">
					<b>￥${product.price}</b>
					<del>￥${product.yuanprice}</del>
					<input type="button" value="${product.postage}" readonly />
					<small>+${product.integral}积分</small>
				</dd>
			</dl>
			
			<div class="chose">
				<c:if test="${product.categoryLevel1Id==2}">
				<ul>
					<h3>颜色</h3>
					<li>
						黑色
					</li>
					<li>
						粉色
					</li>
					<li>
						灰色
					</li>
					<li>
						红色
					</li>
				</ul>
				
				</c:if>
			<c:if test="${product.categoryLevel3Id==2}">
			
				<ul>
					<h3>尺寸</h3>
					<li>
						L
					</li>
					<li>
						XL
					</li>
					<li>
						XXL
					</li>
				</ul>
			</c:if>
				<c:if test="${product.categoryLevel3Id==3}">
			
				<ul>
					<h3>尺寸</h3>
					<li>
						36
					</li>
					<li>
						37
					</li>
					<li>
						38
					</li>
					<li>
						39
					</li>
					<li>
						40
					</li>
					<li>
						41
					</li>
					<li>
						42
					</li>
					<li>
						43
					</li>
				</ul>
			</c:if>
			<ul>
			<h3>数量</h3>
			  <div class="EIMS_C_50008_productCount" style="margin-left: 50px">
                               
                                <span id="EIMS_C_50008_MinusCount" onclick="clius()" bindtype="0">-</span>
                                <input type="number" id="EIMS_C_50008_ProNum" min="1" value="1">
                                <span class="EIMS_C_50008_AddCount" bindtype="1">+</span>
                                <span class="EIMS_C_50008_StockSpan">库存：<span id="EIMS_C_50008_Stock">${product.num}</span>件</span>
                            </div>
			</ul>
			</div>
			
			<a  class="seven">
				<b>7</b>天无理由退换货
				<span id="sss"></span>
			</a>
			
			<ul class="same">
				<a>
					<span>
						同类推荐
					</span>
					<c:forEach items="${listtype }" var="type">
					<a href="<%=path %>/product/detail/${type.id }">
					<li >
						<img src="<%=path %>/statics/files/${type.fileName }"/>
						<p>￥${type.price }</p>
					</li>
					</a>
					</c:forEach>
					
					
				</a>
			</ul>
			
			<article class="detail-article">
				<nav>
					<ul class="article">
						<li id="talkbox1" class="article-active">商品详情</li>
						<li id="talkbox2">评价</li>
					</ul>
				</nav>

				<section class="talkbox1">
				<ul class="talk">
				<li >
				${product.godescr}
				</li>
				</ul>
					
				</section>

				<section class="talkbox2" style="display: none;">
					<ul class="talk">
					<c:forEach items="${listComments }" var="comments">
					
					<li>
							<figure><c:if test="${comments.anonymity==1 }"><img src="<%=path %>/ statics/images/detail-tou.png"/></c:if><c:if test="${comments.anonymity==2 }"><img src="<%=path %>${comments.getUser().nameurl }"/></c:if></figure>
							<dl>
								<dt>
									<p> <c:if test="${comments.anonymity==1 }">匿名用户</c:if><c:if test="${comments.anonymity==2 }"> ${comments.getUser().userName }</c:if> </p>
									<time>${comments.cdate }</time>
									<div class="star">
									<c:if test="${comments.xin == 1}">
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
									</c:if>
									<c:if test="${comments.xin == 2}">
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
									</c:if>
									<c:if test="${comments.xin == 3}">
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
									</c:if>
									<c:if test="${comments.xin == 4}">
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn001.png"/></span>
									</c:if>
									<c:if test="${comments.xin == 5}">
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
										<span><img src="<%=path %>/statics/images/detail-iocn01.png"/></span>
									</c:if>
									</div>
									
								</dt>
								<dd style="margin-bottom: 5px">${comments.cntent}</dd>
								<c:if test="${comments.getOrder_detail().color!=null}">
								<small>颜色：${comments.getOrder_detail().color}</small>
								</c:if>
								<c:if test="${comments.getOrder_detail().size!=null}">
								<small>大小：${comments.getOrder_detail().size}</small>
								</c:if>
							
							</dl>
						</li>
					</c:forEach>
						
						
					</ul>
				</section>
				
			</article>
		</section>
	</div>
	
	
		<footer class="detail-footer fixed-footer">
			<a  class="go-car">
				<input onclick="jiaru()"  type="button" value="加入购物车"/>
			</a>
			<a   onclick="buy()" class="buy">
				立即购买
			</a>
		</footer>
	

<script type="text/javascript">
	$(window).scroll(function() {
	    if ($(".detail-header").offset().top > 50) {
        $(".detail-header").addClass("change");
    } else {
        $(".detail-header").removeClass("change");
    }
	});
</script>
<script src="<%=path %>/statics/js/swiper.min.js"></script>
<script type="text/javascript">
		$(document).ready(function(){
			var mySwiper = new Swiper('.swiper-container',{
				    loop: true,
				    speed:1000,
					autoplay: 2000,
					pagination: '.swiper-pagination',
				  });
		})
	</script>
<script type="text/javascript">
	$(function(){
		$('.chose li').click(function(){
				
			$(this).addClass('chose-active').siblings().removeClass('chose-active');

			var tags=document.getElementsByClassName('chose-active');//获取标签

			var tagArr = "";
	        for(var i=0;i < tags.length; i++)
	        {
	            tagArr += tags[i].innerHTML;//保存满足条件的元素
         
	        }
	       
	        $('#sss').html(tagArr);
	        

		});

		$('.article li').click(function(){

			$(this).addClass('article-active').siblings().removeClass('article-active');
			if($(this).attr("id")=="talkbox1"){
				$('.talkbox1').show();
				$('.talkbox2').hide();
			}else{
				$('.talkbox2').show();
				$('.talkbox1').hide();
			}

		});	
	});
</script>

<script type="text/javascript">
function buy(){
 	var tags=document.getElementsByClassName('chose-active');//获取标签
     var price=document.getElementById("price").value;
     var proid = document.getElementById("proid").value;
      var nums = document.getElementById("EIMS_C_50008_ProNum").value; 
			var tagArr = "";
			var char="";
				
	        for(var i=0;i < tags.length; i++)
	        {
	       
	           if(tags.length==2){ 
	           if(i==0){
	           tagArr = tags[i].innerHTML;//保存满足条件的元素
	           }else{
	            char=tags[i].innerHTML;
	           }
	           
	           }
	              if(tags.length==1){ 
	           if(i==0){
	           tagArr = tags[i].innerHTML;//保存满足条件的元素
	           }else{
	            char=null;
	           }
	           
	           }
	             

	        }
	         
	        if(tagArr==""&&tagsa=="lisa")
	        {
	         webToast("请选择商品","middle",1000);
	        }else{
	    
	location.href="<%=path%>/product/sys/buy.html?number="+nums+"&color="+tagArr+"&size="+char+"&proid="+proid;
	        }
	        
	        
 }
    var tagsa="lisa";    
</script>
<c:if test="${product.categoryLevel1Id==1&&product.categoryLevel3Id==1}">
<script type="text/javascript">tagsa="lis";</script>
</c:if>

<script type="text/javascript">
function getRootPath(){
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8083
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名，如：/uimcardprj
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return(localhostPaht+projectName);


 

}

 function jiaru(){
 	var tags=document.getElementsByClassName('chose-active');//获取标签
     var price=document.getElementById("price").value;
     var proid = document.getElementById("proid").value;
     var nums = document.getElementById("EIMS_C_50008_ProNum").value; 
			var tagArr = "";
			var char="";
				
	        for(var i=0;i < tags.length; i++)
	        {
	       
	           if(tags.length==2){ 
	           if(i==0){
	           tagArr = tags[i].innerHTML;//保存满足条件的元素
	           }else{
	            char=tags[i].innerHTML;
	           }
	           
	           }
	              if(tags.length==1){ 
	           if(i==0){
	           tagArr = tags[i].innerHTML;//保存满足条件的元素
	           }else{
	            char=null;
	           }
	           
	           }
	             

	        }
	         
	        if(tagArr==""&&tagsa=="lisa")
	        {
	        
	         webToast("请选择商品","middle",1000);
	        }else{
	        $.ajax({

		type:"POST",

		url:getRootPath()+"/trolley/sys/add.json",

		data:{proid:proid,color:tagArr,size:char,num:nums,count:price},

		dataType:"json",

		success:function(data){

			if(data.add=="true"){
				  webToast("添加成功","middle",1000);
				}
				if(data.add=="false"){
				    
				  webToast("添加失败","middle",1000);
				}
		},

		error:function(data){
 webToast("请先登录","middle",1000);

		}

	});
	
	        }
	        
	        
 }
        
</script>



<script type="text/javascript">
var proid = document.getElementById("proid").value;
  function getRootPath(){
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8083
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名，如：/uimcardprj
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return(localhostPaht+projectName);


 

}
function fundemo2(){

 $('#demo2').on('click', function(){
   
   
   
	$.ajax({

		type:"POST",

		url:getRootPath()+"/Collect/CollectRemo.json",

		data:{proid:proid},

		dataType:"json",

		success:function(data){

			if(data.res=="true"){
				     webToast("已取消收藏","middle",1000);
				     var box = document.getElementById("demo2");  
box.parentNode.removeChild(box); 
				   var node=document.createElement("div"); 
				   node.id="demo1";
				   node.innerHTML= "<div id='demo1' onclick='fundemo1();' class='collect'>						<img src='"+getRootPath()+"/statics/images/detail-iocn001.png'/>						<p>收藏</p>					</div>";
				var element=document.getElementById("deme"); 
element.appendChild(node); 
				}
				if(data.res=="false"){
				    
				
				}
		},

		error:function(data){


		}

	});
	
	
   });
   
}
function fundemo1(){
 $('#demo1').on('click', function(){
   
   
   
	$.ajax({

		type:"POST",

		url:getRootPath()+"/Collect/Collectadd.json",

		data:{proid:proid},

		dataType:"json",

		success:function(data){

			if(data.res=="true"){
				     webToast("收藏成功","middle",1000);
				     var box = document.getElementById("demo1");  
box.parentNode.removeChild(box); 
				   var node=document.createElement("div"); 
				   
				   node.innerHTML= "<div id='demo2' onclick='fundemo2();' class='collect'><img src='"+getRootPath()+"/statics/images/detail-iocn01.png'/><p>已收藏</p></div>";
				var element=document.getElementById("deme"); 
element.appendChild(node); 
				}
				if(data.res=="false"){
				   
				
				}
		},

		error:function(data){


		}

	});
	
	
   });

}

$(function(){

  
   $('#demo1').on('click', function(){
   
   
   
	$.ajax({

		type:"POST",

		url:getRootPath()+"/Collect/Collectadd.json",

		data:{proid:proid},

		dataType:"json",

		success:function(data){

			if(data.res=="true"){
				     webToast("收藏成功","middle",1000);
				     var box = document.getElementById("demo1");  
box.parentNode.removeChild(box); 
				   var node=document.createElement("div"); 
				   
				   node.innerHTML= "<div id='demo2' onclick='fundemo2();' class='collect'><img src='"+getRootPath()+"/statics/images/detail-iocn01.png'/><p>已收藏</p></div>";
				var element=document.getElementById("deme"); 
element.appendChild(node); 
				}
				if(data.res=="false"){
				    
				
				}
		},

		error:function(data){


		}

	});
	
	
   });

   
});

$(function(){

   $('#demo2').on('click', function(){
   
   
   
	$.ajax({

		type:"POST",

		url:getRootPath()+"/Collect/CollectRemo.json",

		data:{proid:proid},

		dataType:"json",

		success:function(data){

			if(data.res=="true"){
				     webToast("已取消收藏","middle",1000);
				     var box = document.getElementById("demo2");  
box.parentNode.removeChild(box); 
				   var node=document.createElement("div"); 
				   node.id="demo1";
				   node.innerHTML= "<div id='demo1' onclick='fundemo1();' class='collect'>						<img src='"+getRootPath()+"/statics/images/detail-iocn001.png'/>						<p>收藏</p>					</div>";
				var element=document.getElementById("deme"); 
element.appendChild(node); 
				}
				if(data.res=="false"){
				   
				
				}
		},

		error:function(data){


		}

	});
	
	
   });
   

   
});
</script>

<script type="text/javascript">


</script>

		<script>
    $(
     function(){
         $("#EIMS_C_50008_btnAddCart").click(function(){
             $(".EIMS_C_50008_selectors").css("margin-left","0px");
             $("#EIMS_C_50008_btnOk").click(function () {
                 alert("已添加购物车");
                 $(".EIMS_C_50008_selectors").css("margin-left","320px");
             });
         });
         $(".EIMS_C_50008_arrowLeft").click(function(){
             $(".EIMS_C_50008_selectors").css("margin-left","320px");
         });

         $(".EIMS_C_50008_PropertyRow a").click(function () {
             $(this).css("background-color","#ccc");
             $(this).siblings("a").css({
                 "background-color":"white",
                 "border-radius":"5px"
             });
         });

         for(var i=1;i<2;i++){
         $(".EIMS_C_50008_AddCount").click(function () {
             $("#EIMS_C_50008_ProNum").val(i++);
         });
         }
         $(".EIMS_C_50008_property").click(function () {
             $(".EIMS_C_50008_selectors").css("margin-left","0px");
         })
     });
      var EIMS_C_50008_btnOk=document.getElementById("EIMS_C_50008_btnOk");
      var EIMS_C_50008_btnBuyNow=document.getElementById("EIMS_C_50008_btnBuyNow");
      var mb=document.getElementById("mb");
        EIMS_C_50008_btnBuyNow.onclick=function () {
        mb.style.marginLeft='0px';
        EIMS_C_50008_btnOk.onclick=function () {
            location='shopCar.html';
        };
    };

  /* $("#EIMS_C_50008_btnBuyNow").click(function () {
        $(".EIMS_C_50008_selectors").css("margin-left","0px");
        $("#EIMS_C_50008_btnOk").click(function () {
            alert(1);
        })
   })*/
    var EIMS_C_50008_MinusCount=document.getElementById("EIMS_C_50008_MinusCount");
    var EIMS_C_50008_ProNum=document.getElementById("EIMS_C_50008_ProNum");

       function clius () {
        var EIMS_C_50008_ProNum=document.getElementById("EIMS_C_50008_ProNum");
            EIMS_C_50008_ProNum.value=parseInt(EIMS_C_50008_ProNum.value-1);
            if((EIMS_C_50008_ProNum.value)<1){
                EIMS_C_50008_ProNum.value=1;
            }
    }

</script>
		


</body>
</html>